<template>
    <div>
        <van-tabbar v-model="active" :fixed="false" :border="false" class="midnav">
            <van-tabbar-item class="iconfont icon-designer" ><span>世界设计</span></van-tabbar-item>
            <van-tabbar-item  class="iconfont icon-money-euro-circle-line"><span>欧标制造</span></van-tabbar-item>
            <van-tabbar-item class="iconfont icon-huoche"><span>免费送货</span></van-tabbar-item>
            <van-tabbar-item class="iconfont icon-7tiantuihuan"><span>7日退换</span></van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>
    export default {
        name: "introduce",
        data(){
            return {
                active:0,
            }


        }
    }
</script>

<style scoped>
    div{

        margin-top: 40px;

    }

    .iconfont{
        font-size: 48px;
        color: #000000;

    }
    .iconfont span{
        font-size: 24px;
    }
    .midnav{
        padding-bottom: 50px;
        border-bottom: #eee solid 4px;
    }
</style>